.flex {
	display:flex;
	flex-direction:row;
}
.flex1 {
	flex:1;
}
.flexV {
	display:flex;
	flex-direction:column;
}

.coupon{
	width: 100%;
	margin:0 0 24px 0;
	height: 176px;
	/*background: #fff url(./images/coupon-L.png) repeat-y top left;*/
    background-size: 184px 16px;
    padding: 50px 30px 30px 64px;
	background: #FFFFFF;
	border: 1PX solid #D9D9D9;
	border-radius: 4px;
	position: relative;

	.text{
		padding-left: 64px;
		width: 30%;
		.title{
			color: #1A1A1A;
			font-size: 30px;
			height:42px;
			line-height: 42px;
			overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
			
		}
		.des{
			color: #ababab;
			font-size: 24px;
			line-height: 24px;
			height:24px;
			margin-top: 8px;
			overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		}
	}
	.couponAmount{
		height:76px;
		line-height: 76px;
		text-align: center;
		font-size: 68px;
		color: #FF4444;

		span:nth-child(2){
			font-size: 24px;
		}
	}

	&:before{
		content: '';
		position: absolute;
		z-index: 1;
		top: 50%;
		margin-top: -19px;
		right: 30px;
		display: block;
		width: 38px;
		height: 38px;
		border-radius: 38px;
		line-height: 38px;
		border:1Px solid #ABABAB;
	}

	&.couponSelected{
		&:before{
			content: '';
		    position: absolute;
			background-color: #2582EA;;
		    z-index: 1;
		    top: 50%;
			margin-top: -19px;
		    right: 30px;
		    display: block;
		    width: 38px;
		    height: 38px;
			border-radius: 38px;
			line-height: 38px;
			background-image: url('./images/Fill.png');
			background-size: 21px;
			background-repeat: no-repeat;
			background-position: center;
			border:1Px solid #2582EA;
		}
	}
}

.couponList{
}